<template>
  <div>
    <p>{{message}}</p>
    <p>click count: {{count}}</p>
    <button @click="increase">increase</button>
    <button @click="reset">reset</button>
  </div>
</template>

<script>
  import {increase, reset} from 'store/modules/counter/actions'
  export default {
    data: () => ({message: 'Hello Vue.js!'}),
    vuex: {
      actions: {increase, reset},
      getters: {
        count: ({counter}) => counter.count
      }
    }
  }
</script>